<canvas id="myCanvas" width="1920" height="1080"></canvas>

<script>

    var brid = {
        x: 100,
        y: 50,
        move: function (ctx, mouseX, mouseY) {
            ctx.clearRect(0, 0, canvas.width, canvas.height); // Clear the canvas
            ctx.beginPath();
            ctx.arc(mouseX, mouseY, 40, 0, 3 * Math.PI);
            ctx.stroke();
        }
    };

    var canvas = document.getElementById('myCanvas');
    var ctx = canvas.getContext('2d');

    function getMousePos(canvas, evt) {
        var rect = canvas.getBoundingClientRect();
        return {
            x: evt.clientX - rect.left,
            y: evt.clientY - rect.top
        };
    }

    canvas.addEventListener('mousemove', function (evt) {
        var mousePos = getMousePos(canvas, evt);
        brid.move(ctx, mousePos.x, mousePos.y);
    });

</script>
